{include file='index/header.html'}

<!-- 主体 -->
<div class="container">
    <div class="row">
        <!-- 左侧列表 -->
        <div class="col-md-8">

            <!-- 左侧顶部 -->
            <div class="panel panel-default">
                <div class="panel-body">
                    <!-- 搜索框 -->
                    <div class="row">
                        <div class="col-md-12">
                            <form class="input-group" action="{$site_url}/{if $lang=='zh-CN'}{else}{$lang}/{/if}search.html" method="get">
                                <input type="text" name="q" value="{$q|strip_tags}" class="form-control" placeholder="Search for..." required="required" />
                                <span class="input-group-btn search-btn">
                                    <button class="btn btn-default" type="submit">
                                        <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
                                    </button>
                                </span>
                            </form><!-- /input-group -->
                        </div>
                    </div>
                    <hr>
                    <!-- 分类描述栏 -->
                    <div class="row">
                        <div class="col-sm-2 col-md-2">
                            <img class="img-thumbnail" style="width:100%;max-height:100px;background-color:#f1f1f1;"
                                src="{if $category && $category.cover}{$category.cover}{else}data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M18.007 9.040l7.585-2.545 6.362 18.962-7.585 2.545zM0 28h8v-22h-8v22zM2 10h4v2h-4v-2zM10 28h8v-22h-8v22zM12 10h4v2h-4v-2z'%3E%3C/path%3E%3C/svg%3E%0A{/if}"
                                alt="{if $category}{$category.name|strip_tags}{else}{$tran.uncategoried}{/if}"
                                title="{if $category}{$category.name|strip_tags}{else}{$tran.uncategoried}{/if}" />
                        </div>
                        <div class="col-sm-10 col-md-10">
                            <h1 style="margin-top: 0;">{if $category}{$category.name}{else}{$tran.uncategoried}{/if} <span class="label label-info">{$main.count} {$tran.articles}</span></h1>
                            <p class="well well-sm">{if $category && $category.description}{$category.description}{else}{$tran.no_category_description}{/if}</p>
                        </div>
                    </div>
                </div>
            </div>

            <!-- panel左侧列表 -->
            {include file='index/inc/list.html'}

        </div>

        <!-- 右侧侧栏 -->
        {include file='index/sidebar.html'}

    </div>
</div>

{include file='index/footer.html'}